处理vant list使用报错的点

您所在的位置:网站首页 vant list的列表瀑布流滚动加载用于展示长列表当列表 处理vant list使用报错的点

处理vant list使用报错的点

2023-08-22 22:00| 来源: 网络整理| 查看: 265

1.使用vant-list在滚动条触底的时候,没有触发onLoad事件 可能是因为在van-list父元素的地方设置了父元素高度为100%,这里不能这样设置, 还有就是可能对需要遍历的数据,在每一次触底时,都进行了初始化 2.有时候在tab标签切换后,滚动条不再触发onLoad事件 解决方法是,在切换标签函数后,加上 this.loading=true this.finished =false 3.下拉刷新时,数据一直在加载中, 这是因为少写了,this.refreshing = false; vant组件中,把这条语句写在onLoad()函数中,通过onRefresh()函数调用onLoad()时完成语句的实现, 但是有时候没有写在onLoad()函数中,是需要我们自己添加在onRefresh()函数里。

4.还有就是在我们刚进入页面时,就触发了一次onLoad事件,第二页的数据也显示出来了, 我的原因是,在进入页面时,我在created中也调用了一次求遍历数据的值,所以我进入时,相当于created调用了一次,在onLoad中又调用了一次。数据就加载显现到了第二页。

对于其各个api的理解 @refresh = “onRefresh”,定义的是当列表下拉时,(其实可以理解为鼠标点击并下拉,然后松开的的事件),这个就是对数据进行刷新,回到没有触发onLoad()函数之前

@load=“onLoad”,定义的是当滚动条滚动到底部时,触发onLoad事件

loading,finished,error,他们都是布尔值 loading是用来表示加载状态的 finished表示数据加载完,显示finished-text文字 error表示当数据加载失败时,显示error-text文字 offset代表当滚动条距离底部小于该数值时,触发onLoad事件



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3